﻿@charset "utf-8";

/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{
    width: 10px;
    height: 10px;
    background-color: #071f3a;
}
/*定义滚动条的轨道，内阴影及圆角*/
::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-color: #071f3a;
}
/*定义滑块，内阴影及圆角*/
::-webkit-scrollbar-thumb{
    width: 10px;
    height: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #2c333b;
}
.layui-layer-ico{

    background: url(../img/icon.png) no-repeat !important;

}
.layui-layer-setwin .layui-layer-close1{
    background-position: -79px -40px !important;
}

/*权限管理页面前4个的私有样*/
.fl { float: left !important;}
.fr { float: right !important;}
.index-tips-right .bootstrap-select{
    float: left !important;
    margin-right: 10px;
}
.index-tips-right .bootstrap-select button{
    height: 30px;
    line-height: 1;
}
.index-tips-right label{
    float: left;
    margin-bottom: 0px;
    line-height: 30px;
}
.index-tips-right input{
    text-align: center;
    float: left;
    width: 160px;
    margin-right: 10px;
    color: #fff;
    background-color: #071f3a;
    border: 1px solid rgba(91, 175, 232, 0.18);
}
.wapper-main-boxes{
    color: #fff;
    overflow: hidden;
    border-radius: 5px;
    /*box-shadow: 0 0 8px rgba(91, 175, 232, 0.18) inset;*/
}
.index-tools-top,.index-tools-bottom{ height: 50px; background-color: #071f3a; box-shadow: 0 0 8px rgba(91, 175, 232, 0.18) inset; border-radius: 5px; z-index: 999;}
.index-tools-tips{ padding: 10px 20px;}
.index-tips-name{ float:left; display: inline-block; line-height: 29px;}
.index-tools-bottom{ min-height: 860px; margin-top: 5px; padding: 0 20px; background-color: #071f3a; box-shadow: 0 0 8px rgba(91, 175, 232, 0.18) inset; overflow-y: auto;}
.index-tools-bottom .bootstrap-table .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
    border: 1px solid rgba(91, 175, 232, 0.18);
}
.index-tools-bottom .bootstrap-table .table{
    border-bottom: 1px solid rgba(91, 175, 232, 0.18);
}
.index-tools-bottom .bootstrap-table .table tr td a{
    color: #fff;
}
.index-tools-bottom .bootstrap-table .table tr td a:hover{
    color: #b8b7d4;
}
.index-tools-bottom .bootstrap-table .table-striped>tbody>tr:nth-of-type(odd){
    background-color: rgba(91, 175, 232, 0.18);
}
.index-tools-bottom .bootstrap-table .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    border-top: 1px solid rgba(91, 175, 232, 0.18);
}
.index-tools-bottom .bootstrap-table .table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{
    border-top: 1px solid rgba(91, 175, 232, 0.18);
}
.index-tools-bottom .bootstrap-table .fixed-table-container tbody td:first-child{
    border-left: 1px solid rgba(91, 175, 232, 0.18);
}
.index-tools-bottom .bootstrap-table .table > thead > tr > th{
    border-bottom: 1px solid rgba(91, 175, 232, 0.18);
}
.index-tools-bottom .bootstrap-table .fixed-table-container tbody td{
    border-left: 1px solid rgba(91, 175, 232, 0.18);
}
.index-tools-bottom .bootstrap-table .table-hover>tbody>tr:hover{
    background-color: #2b5177;
}
.index-tools-bottom .bootstrap-table .fixed-table-toolbar .columns button{
    color: #fff;
    background-color: #071f3a;
    border-color: rgba(91, 175, 232, 0.18);
}
.index-tools-bottom .bootstrap-table .fixed-table-toolbar .dropdown-menu{
    background-color: #071f3a;
}
.index-tools-bottom .bootstrap-table .fixed-table-toolbar .dropdown-menu li a{
    color: #fff;
}
.index-tools-bottom .bootstrap-table .fixed-table-toolbar .dropdown-menu>li>a:focus,.index-tools-bottom .bootstrap-table .fixed-table-toolbar .dropdown-menu>li>a:hover{
    background-color: #2f9dc6;
}
.fixed-table-container tbody .selected td{
    background-color: #2f9dc6;
}
.index-tools-bottom .bootstrap-table .fixed-table-container{
    border: 1px solid rgba(91, 175, 232, 0.18);
    padding-bottom: 0px !important;
}
.index-tools-bottom .bootstrap-table .fixed-table-container thead th{
    border-left: 1px solid rgba(91, 175, 232, 0.18);
}
.index-tools-bottom .bootstrap-table .fixed-table-toolbar .search .form-control{
    color: #fff;
    background-color: #071f3a;
    border: 1px solid rgba(91, 175, 232, 0.18);
}

.popover{
    background-color: #071f3a;
    border: 0px;
    box-shadow: 0 0 8px rgba(91, 175, 232, 0.18) inset;
}
.popover-title{
    background-color: #071f3a;
    border-bottom: 1px solid rgba(91, 175, 232, 0.18);
}
.editable-date{
    background-color: #071f3a;
    border: 1px solid rgba(91, 175, 232, 0.18);
}
.editable-date .datetimepicker thead tr:first-child th:hover, .datetimepicker tfoot th:hover,.editable-date .datetimepicker table tr td.day:hover,.editable-date .datetimepicker table tr td span:hover{
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
}
.editable-date .datetimepicker table tr td span{
    height: 40px;
    line-height: 40px;
    margin: 1px 1%;
}
.editable-date .datetimepicker .datetimepicker-days table tr td{
    padding: 0px 5px;
}
.editable-date .datetimepicker .datetimepicker-hours span{
    height: 20px;
    line-height: 20px;
    margin: 1px 1%;
}
.editable-input input{
    color: #fff;
    background-color: #071f3a;
    border: 1px solid rgba(91, 175, 232, 0.18);
}
.layer-anim{
    color: #fff !important;
    /*
    background-color: #071f3a !important;
    */
}
.layui-layer-title{
    color: #fff !important;
    background-color: #071f3a !important;
    border-bottom: 1px solid rgba(91, 175, 232, 0.18) !important;
}
#newRole{
    padding: 10px;
}
.sitetable{
    margin-bottom: 0px;
}
.sitetable tr td{
    border: 1px solid rgba(91, 175, 232, 0.18) !important;
    line-height: 34px !important;
}
.sitetable tr td input,.sitetable tr td select{
    color: #fff !important;
    background-color: #071f3a !important;
    border: 1px solid rgba(91, 175, 232, 0.18) !important;
}
.layui-layer-content,.layui-layer-btn{
    color: #fff;
    background-color: #071f3a;
}
.layui-layer-content table tr td{
    border: 1px solid rgba(91, 175, 232, 0.18);
}
.layui-layer-content table tr td .form-control{
    color: #fff;
    background-color: #071f3a;
    border: 1px solid rgba(91, 175, 232, 0.18);
}
button.selectpicker, button.selectpicker:focus, button.selectpicker:hover {
    color: #fff;
    background-color: #071f3a;
    border: 1px solid rgba(91, 175, 232, 0.18);
}
.layui-layer-loading{
    left: 50%;
    top: 50%;
    position: absolute;
}